<template>
  <div id="app" >
    <div id="nav">
      <vue-particles
          color="#00BFFF"
          :particleOpacity="0.8"
          :particlesNumber="100"
          shapeType="star"
          :particleSize="8"
          linesColor="#FFFFFF"
          :linesWidth="2"
          :lineLinked="true"
          :lineOpacity="0.4"
          :linesDistance="150"
          :moveSpeed="2"
          :hoverEffect="true"
          hoverMode="grab"
          :clickEffect="false"
          clickMode="push"
          class="lizi"
      />
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Login"
}
</script>

<style scoped>

html,body,#app {
  width: 100%;
  background-color:  #000000;
}
.lizi{
  position:fixed;
  top:0;
  width:100%;
}

</style>
